<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>项目总览</title>
    <link rel="stylesheet" type="text/css" href="../../css/all.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/pages-item.css"/>
    <link rel="stylesheet" type="text/css" href="./css/pages-zoom.css"/>
</head>
<script>
    function cate_tech() {
        $.post("/projects/projectQuery.do",{"pageNum":1,"pageSize":8,"category":"科技"}
            ,function (projectList) {
                alert("success");
            });
        // location.replace(local.href);
        // $.ajax({
        //     url: "/projects/projectQuery.do",
        //     type: "get",
        //     data: {"pageNum": 1, "pageSize": 8, "category": "科技"},
        //     success: function (projectList) {
        //         alert(projectList.name)
        //         alert(projectList.nameHaved)
        //         console.log(projectList.name)
        //         console.log(projectList.nameHaved)
        //         alert("success");
        //     },
        //     error: function () {
        //         alert("出错了");
        //     }
        // })
    }
</script>
<body>
<!-- 头部栏位 -->
<!--页面顶部-->
<div id="nav-bottom">
    <!--顶部-->
    <div class="nav-top">
        <div class="top">
            <div class="py-container">
                <div class="shortcut">
                    <ul class="fr">
                        <li class="f-item">
                            <a href="record.html" target="_blank">登录/注册</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--头部-->
        <div class="header">
            <div class="py-container">
                <div class="yui3-g Logo">
                    <div class="yui3-u Left logoArea">
                        <a class="logo-bd" href="index.html">
                            <img src="../../img/logo.jpg">
                        </a>
                    </div>
                    <div class="yui3-u Rit searchArea">
                        <div class="search">
                            <form action="" class="sui-form form-inline">
                                <!--searchAutoComplete-->
                                <div class="input-append">
                                    <input type="text" id="autocomplete" class="input-error input-xxlarge"/>
                                    <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 商品分类导航 -->
<div class="typeNav">
    <div class="py-container">
        <div class="yui3-g NavList">
            <div class="yui3-u Center navArea">
                <ul class="nav">
                    <li class="f-item">
                        <span><a href="/projects/projectQuerySome.do">首页</a></span>
                    </li>
                    <li class="f-item">
                        <span><a href="/projects/projectQueryAll.do?pageNum=1&pageSize=8">项目总览</a></span>
                    </li>
                    <li class="f-item">
                        <span><a href="sponsorinform.html">发起众筹</a></span>
                    </li>
                    <li class="f-item">
                        <span><a href="myHome.html">我的众筹</a></span>
                    </li>
                </ul>
            </div>
            <div class="yui3-u Right"></div>
        </div>
    </div>
</div>

<div class="py-container">
    <h4>项目分类</h4>
    <div class="item-list clearfix">
        <div class="subitem">
            <dl class="fore">
                <dt>分类</dt>
                <dd>
                    <em><a href="#">全部</a></em>
                    <em><a href="javaScript:cate_tech()" onclick="cate_tech()">科技</a></em>
                    <em><a href="#">设计</a></em>
                    <em><a href="#">农业</a></em>
                    <em><a href="#">其他</a></em>
                </dd>
            </dl>
            <dl class="fore">
                <dt>状态</dt>
                <dd>
                    <em><a href="">全部</a></em>
                    <em><a href="">即将开始</a></em>
                    <em><a href="">众筹中</a></em>
                    <em><a href="">已结束</a></em>
                </dd>
            </dl>
            <dl class="fore">
                <dt>排序</dt>
                <dd>
                    <em><a href="" target="_blank">综合排序</a></em>
                    <em><a href="" target="_blank">最新上线</a></em>
                    <em><a href="" target="_blank">金额最多</a></em>
                    <em><a href="" target="_blank">支持最多</a></em>
                </dd>
            </dl>
        </div>
    </div>
    <div class="yui3-u-5-6 goods">
        <div class="body">
            <div class="goods-list" th:each="project:${projectList}">
                <ul class="yui3-g" id="goods-list" >
                    <li class="yui3-u-1-4">
                        <div class="list-wrap">
                            <div class="p-img"><img th:src="${project.getImgHead()}"></div>
                            <div class="price"><em th:text="${project.getName()}"></em></div>
                            <div class="attr"><em>目标数额：¥</em> <span th:text="${project.getMoneyHaved()}"></span></div>
							</div>
						</li >
					</ul>
				</div>
			</div>
		</div>
	</div>

<!-- 底部栏位 -->
<!--页面底部-->
<div class = "clearfix footer">
                                <div class="py-container">
                                    <div class="footlink">
                                        <div class="Mod-copyright">
                                            <ul class="helpLink">
                                                <li>关于我们
                                                    <span class="space"></span>
                                                </li>
                                                <li>联系我们
                                                    <span class="space"></span>
                                                </li>
                                                <li>个人中心
                                                    <span class="space"></span>
                                                </li>
                                                <li>我要发起
                                                    <span class="space"></span>
                                                </li>
                                                <li>我要支持
                                                    <span class="space"></span>
                                                </li>
                                                <li>收货地址
                                                    <span class="space"></span>
                                                </li>
                                                <li>实名认证
                                                    <span class="space"></span>
                                                </li>
                                                <li>基本信息
                                                    <span class="space"></span>
                                                </li>
                                                <li>发起协议</li>
                                            </ul>
                                            <p>地址：xxx 邮编：xxx 电话：xxx-xxx-xxxx 传真：xxx-xxxxxxxx</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <script type="text/javascript" src="../../js/plugins/jquery/jquery.min.js"></script>
                            <script type="text/javascript" src="../../js/plugins/sui/sui.min.js"></script>
                            <script type="text/javascript" src="../../js/plugins/jquery.jqzoom/jquery.jqzoom.js"></script>
                            <script type="text/javascript" src="../../js/plugins/jquery.jqzoom/zoom.js"></script>
</body>

</html>